"use client"
import classNames from 'classnames'
import { ReactNode } from 'react'

export const ListContent = ({children, onClick, className}: {
  children: ReactNode
  className?: string
  onClick?: ()=>void
}) => {
  return (
    <div onClick={() => onClick?.()} className='px-list-p-x md:px-list-p-x-md list-btn bg-white group'>
      <div className={classNames('py-card-p-x md:py-card-p-x-md border-b border-border group-last:border-b-0', className)}>
        {children}
      </div>
    </div>
  )
}

export const List = ({children}: {children: ReactNode}) => {
  return (
    <ul className='rounded-card-rounded md:rounded-card-rounded-md overflow-hidden py-card-p-x md:py-card-p-x-md bg-white'>
      {children}
    </ul>
  )
}
